page {
    width: 100%;
    height: 100%;
    background-image: url('/static/img/home_bg.jpg');
}
// .bg {
//     position: fixed;
//     top: 0;
//     left: 0;
//     width: 100%;
//     height: 100%;
//     z-index: -1;
//     background-repeat: no-repeat;
//     background-size: contain;
//     background-position: top center;
//     background-image: url('/static/img/home_bg.jpg');
// }
.body{
	column-count: 2; /* 设置列数 */
	column-gap: 15rpx; /* 设置列间距 */
	margin: 0rpx 30rpx 100rpx;
	padding-top: 20rpx;
	// column-count: 2; /* 设置列数 */
	// column-gap: 15rpx; /* 设置列间距 */
	.item{
		margin-bottom: 20rpx;
		width: 335rpx;
		height: 480rpx;
		background: linear-gradient( 180deg, rgba(255,255,255,0.61) 0%, rgba(255,255,255,0.82) 91%);
		box-shadow: 0rpx 2rpx 11rpx 0rpx rgba(87,87,87,0.05);
		border-radius: 20rpx;
		display: flex;
		flex-direction: column;
		position: relative;
		break-inside: avoid-column; /* 防止项目被分割到不同列 */
		
		border-radius: 20rpx ;
		.item-image{
			width: 100%;
			height: 480rpx;
			border-radius: 20rpx;
			object-fit:cover ;		
		}
		.item-bottom{
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 102rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			background: linear-gradient( 180deg, rgba(255,255,255,0.61) 0%, rgba(255,255,255,0.82) 91%);
			border-radius: 0rpx 0rpx 20rpx 20rpx;
			padding:0 20rpx;
			.bottom-1{
				font-family: PingFang SC;
				font-size: 31rpx;
				color: #333333;
			}
			.bottom-2{
				width: 95rpx;
				height: 57rpx;
				line-height: 57rpx;
				background: linear-gradient( 245deg, #7E8BFF 5%, #A3ACFF 99%);
				border-radius: 29rpx;
				
				font-weight: bold;
				font-size: 27rpx;
				color: #fff;
				text-align: center;
				
			}
		}
		
	}
	.item1{
		height: 440rpx;
	}
}